.hui-footer {
  box-sizing: border-box;
  margin-top: 30px;
  padding: 10px 40px 15px; }

.hui-footer-bd .footer-col {
  margin-right: 130px; }

.hui-footer-bd .footer-col-last {
  float: right; }

.hui-footer-i {
  position: relative; }
  .hui-footer-i .qr {
    width: 95px;
    height: 90px;
    position: absolute;
    top: -41px;
    left: -97px;
    z-index: 1;
    visibility: hidden; }

.hui-footer-i:hover .qr {
  visibility: visible; }

.hui-footer-i:hover .qr-wx {
  background: url(/class/components/footer/images/qr-wx-7b4d0.png) no-repeat 0 0; }

.hui-footer-i:hover .qr-wb {
  background: url(/class/components/footer/images/qr-wb-612be.png) no-repeat 0 0; }

.hui-footer .hui-footer-bd,
.hui-footer .hui-footer-ft {
  width: 920px; }

.w1200 .hui-footer-bd,
.w1200 .hui-footer-ft {
  width: 1120px; }

@media screen and (min-width: 1352px) {
  .hui-footer-bd,
  .hui-footer-ft {
    width: 1120px; } }
.O5gChbHw {
  height: 100%;
  float: left; }

._2j4RpKIT {
  width: 350px;
  float: right; }
.oh {
  overflow: hidden; }
.btnSetSkin {
  display: none !important; }

.wrap {
  width: 1200px;
  margin: 0 auto; }

.classInfo {
  position: relative;
  height: 148px;
  margin-top: 40px;
  margin-bottom: 20px;
  color: #fff; }
  .classInfo .blur {
    position: absolute;
    min-width: 1200px;
    width: 100%;
    height: 148px;
    left: 0;
    z-index: -1; }
  .classInfo a {
    color: inherit; }
  .classInfo .className {
    font-size: 18px;
    line-height: 52px;
    margin-right: 15px;
    font-weight: normal; }
  .classInfo .classmatesMeet {
    position: relative;
    z-index: 1;
    border: 1px solid #fff;
    font-size: 14px;
    width: 78px;
    line-height: 22px;
    height: 22px;
    text-align: center;
    display: inline-block; }
    .classInfo .classmatesMeet .opacityBg {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      border-radius: 2px; }
    .classInfo .classmatesMeet:hover {
      width: 80px;
      line-height: 24px;
      height: 24px;
      border-width: 0;
      *line-height: 22px;
      *height: 22px;
      *width: 78px;
      *border-width: 1px; }
      .classInfo .classmatesMeet:hover .tips {
        display: block; }
      .classInfo .classmatesMeet:hover .opacityBg {
        background: #fff;
        filter: alpha(opacity=40);
        background: rgba(255, 255, 255, 0.4); }
    .classInfo .classmatesMeet .tips {
      font-size: 12px;
      border-radius: 3px;
      position: absolute;
      background: #fff;
      color: #666;
      width: 204px;
      height: 34px;
      text-align: center;
      line-height: 34px;
      left: 50%;
      margin-left: -102px;
      bottom: -48px;
      display: none; }
      .classInfo .classmatesMeet .tips .arrow {
        position: absolute;
        left: 50%;
        margin-left: -4px;
        width: 0;
        height: 0;
        border: solid 8px;
        border-color: transparent transparent #fff transparent;
        top: -16px; }
  .classInfo .managers {
    margin: 8px 0 22px 0;
    height: 66px; }
    .classInfo .managers .listCon {
      position: relative;
      width: 264px;
      overflow: hidden;
      float: left;
      margin: 0 -8px; }
    .classInfo .managers .list {
      position: relative; }
    .classInfo .managers .item {
      float: left;
      text-align: center;
      margin: 0 12px; }
      .classInfo .managers .item img {
        border-radius: 50%; }
    .classInfo .managers .title {
      line-height: 22px; }
    .classInfo .managers .arrow {
      width: 28px;
      line-height: 28px;
      float: left;
      text-align: center;
      height: 28px;
      margin-top: 7px;
      z-index: 1;
      -webkit-user-select: none; }
    .classInfo .managers .icon-mawr,
    .classInfo .managers .icon-mawl {
      cursor: pointer; }
  .classInfo .myInfo {
    margin-top: 46px; }
    .classInfo .myInfo .pic {
      border: 1px solid #fff;
      border-radius: 50%;
      margin-right: 13px;
      overflow: hidden; }
    .classInfo .myInfo .gain {
      margin-right: 32px;
      line-height: 28px; }
      .classInfo .myInfo .gain p {
        height: 28px; }
      .classInfo .myInfo .gain * {
        vertical-align: middle; }
      .classInfo .myInfo .gain .text {
        font-size: 20px;
        margin-left: 14px; }
    .classInfo .myInfo .punchInedBg {
      position: absolute;
      background: #fff;
      height: 100%;
      width: 100%;
      left: 0;
      top: 0;
      border-radius: 5px;
      box-shadow: 0 3px 0 #e27500; }
    .classInfo .myInfo .punchIn {
      cursor: pointer;
      position: relative;
      height: 50px;
      line-height: 50px;
      width: 160px;
      text-align: center;
      font-size: 20px;
      margin-top: 3px; }
      .classInfo .myInfo .punchIn:hover .punchInedBg {
        background: #e28b31; }
      .classInfo .myInfo .punchIn .text {
        position: relative; }
      .classInfo .myInfo .punchIn .punchInedBg {
        background: #f29431; }
    .classInfo .myInfo .punchIned {
      position: relative;
      cursor: default; }
      .classInfo .myInfo .punchIned .punchInedBg {
        background: #fff;
        filter: alpha(opacity=40);
        opacity: .4;
        box-shadow: 0 3px 0 #68a271; }
      .classInfo .myInfo .punchIned:hover .tips {
        display: block; }
      .classInfo .myInfo .punchIned:hover .punchInedBg {
        background: #fff;
        filter: alpha(opacity=40);
        opacity: .4;
        box-shadow: 0 3px 0 #68a271; }
      .classInfo .myInfo .punchIned .tips {
        font-size: 12px;
        border-radius: 3px;
        position: absolute;
        background: #fff;
        color: #666;
        width: 294px;
        height: 34px;
        text-align: center;
        line-height: 34px;
        left: 50%;
        margin-left: -147px;
        bottom: -48px;
        display: none; }
        .classInfo .myInfo .punchIned .tips:after {
          content: '';
          position: absolute;
          left: 50%;
          margin-left: -4px;
          width: 0;
          height: 0;
          border: solid 8px;
          border-color: transparent transparent #fff transparent;
          top: -16px; }

.w1000 .wrap {
  width: 1024px; }

@media screen and (max-width: 1200px) {
  .wrap {
    width: 1024px; } }
.icon-home {
  width: 18px;
  height: 18px;
  background-image: url(); }
  .item:hover .icon-home,
  .on .icon-home {
    background-image: url(); }

.icon-couseList {
  width: 14px;
  height: 17px;
  background-image: url(); }
  .item:hover .icon-couseList,
  .on .icon-couseList {
    background-image: url(); }

.icon-online {
  width: 16px;
  height: 17px;
  background-image: url(); }

.dot {
  position: absolute;
  top: -1px;
  right: -5px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #ff4f4f; }

.icon-note {
  width: 16px;
  height: 17px;
  background-image: url(); }
  .item:hover .icon-note,
  .on .icon-note {
    background-image: url(); }

.icon-anque {
  width: 17px;
  height: 16px;
  background-image: url(); }
  .item:hover .icon-anque,
  .on .icon-anque {
    background-image: url(); }

.icon-homework {
  width: 15px;
  height: 17px;
  background-image: url(); }
  .item:hover .icon-homework,
  .on .icon-homework {
    background-image: url(); }

.icon-ci {
  width: 17px;
  height: 17px;
  background-image: url(); }
  .item:hover .icon-ci,
  .on .icon-ci {
    background-image: url(); }

.icon-talk {
  width: 20px;
  height: 18px;
  background-image: url(); }
  .item:hover .icon-talk,
  .on .icon-talk {
    background-image: url(); }

.icon-data {
  width: 15px;
  height: 17px;
  background-image: url(); }
  .item:hover .icon-data,
  .on .icon-data {
    background-image: url(); }

.icon-classMate {
  width: 20px;
  height: 15px;
  background-image: url(); }
  .item:hover .icon-classMate,
  .on .icon-classMate {
    background-image: url(); }

.icon-speak {
  width: 18px;
  height: 16px;
  background-image: url(); }
  .item:hover .icon-speak,
  .on .icon-speak {
    background-image: url(); }

.icon-xb {
  width: 15px;
  height: 15px;
  background-image: url(); }
  .item:hover .icon-xb,
  .on .icon-xb {
    background-image: url(); }

.nav {
  z-index: 9;
  margin-right: 20px; }
  .nav .instellTips {
    position: absolute;
    width: 256px;
    height: 62px;
    text-align: center;
    color: #999;
    font-size: 13px;
    background: center center url(/class/components/class-nav/images/1-3574d.png) no-repeat;
    left: 50%;
    margin-left: -128px;
    top: 50px;
    line-height: 64px;
    z-index: 1; }
@charset "UTF-8";
/* 单行省略 */
/* 背景图高清优化1 */
/*处理输入框录入时的空格*/
/* 背景图高清优化2 */
/* 文本单行超出省略 */
.freeBookBtn {
  width: 90px;
  height: 24px;
  line-height: 24px;
  border-radius: 36px;
  background-color: #49b849;
  display: inline-block;
  text-align: center;
  position: relative; }
  .notice .small .freeBookBtn, .notice .small .freeBookBtn:hover {
    color: #fff; }
  .notice .freeBookBtn .dot {
    right: -1px;
    top: -1px; }

.gitBookTips {
  position: absolute;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(/class/app/classhome/component/notice/images/freebook-595b2.png);
  width: 211px;
  height: 124px;
  right: 100%;
  top: -69px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    .gitBookTips {
      background-image: url(/class/app/classhome/component/notice/images/freebook@2x-2fec9.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 211px 124px; } }
  .gitBookTips i.hui-icon-close-1:before {
    position: absolute;
    top: 45px;
    right: 19px;
    font-size: 12px;
    color: #c0c0c0;
    font-weight: bold; }

.freeBookIcon {
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url();
  display: inline-block;
  width: 22px;
  height: 21px;
  vertical-align: middle; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-device-pixel-ratio: 2) {
    .freeBookIcon {
      background-image: url(/class/app/classhome/component/notice/images/copy@2x-0a342.png);
      background-position: center center;
      background-repeat: no-repeat;
      background-size: 22px 21px; } }
.alert {
  display: block;
  padding: 10px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 3px;
  text-align: center;
  min-height: 1em; }
  .alert > a {
    display: block;
    padding: 10px;
    margin: -10px; }

.alert-warning {
  color: #8a6d3b;
  background-color: #FFFCDB;
  border-color: #faebcc; }

button.close {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  float: right;
  font-size: 18px;
  font-weight: 400;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  filter: alpha(opacity=50);
  opacity: .5;
  padding: 1px 4px;
  cursor: pointer;
  border: 0; }
  button.close:hover {
    filter: alpha(opacity=70);
    opacity: .7; }

.alert .close {
  position: relative;
  top: -3px;
  right: -4px;
  color: inherit;
  background: #F3E290; }
@charset "UTF-8";
/*popup*/
.gotoAppPop-wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: transparent;
  z-index: 9999999; }
  .gotoAppPop-wrapper .background-overlay {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    filter: alpha(opacity=45);
    /* IE */
    -moz-opacity: 0.45;
    /* 老版Mozilla */
    -khtml-opacity: 0.45;
    /* 老版Safari */
    opacity: 0.45;
    z-index: 9999999; }
  .gotoAppPop-wrapper .pop-container-overlay {
    position: fixed;
    font-size: 16px;
    z-index: 9999999;
    width: 572px;
    height: 284px;
    top: 50%;
    left: 50%;
    margin: -142px 0 0 -286px;
    background: #000;
    filter: alpha(opacity=20);
    /* IE */
    -moz-opacity: 0.2;
    /* 老版Mozilla */
    -khtml-opacity: 0.2;
    /* 老版Safari */
    opacity: 0.2;
    padding: 6px; }
  .gotoAppPop-wrapper .pop-container {
    position: fixed;
    font-size: 16px;
    z-index: 9999999;
    width: 572px;
    height: 284px;
    top: 50%;
    left: 50%;
    margin: -142px 0 0 -286px;
    border: 6px solid transparent; }
  .gotoAppPop-wrapper .pop-content {
    position: relative;
    background-color: #fff;
    text-align: center;
    width: 100%;
    height: 100%; }
    .gotoAppPop-wrapper .pop-content .icon-close-popup {
      position: absolute;
      width: 20px;
      height: 20px;
      top: 10px;
      right: 10px;
      background: 0 0 url(https://n1image.hjfile.cn/res7/2016/07/19/b7fc99c43780346f52e50379226ea741.png) no-repeat transparent;
      cursor: pointer; }
    .gotoAppPop-wrapper .pop-content .pop-title {
      padding-top: 40px;
      font-size: 16px;
      color: #666;
      line-height: 1;
      font-weight: normal; }
    .gotoAppPop-wrapper .pop-content .detail {
      width: 142px;
      height: 166px;
      margin-top: 22px; }
    .gotoAppPop-wrapper .pop-content .detail-title {
      margin-top: 12px;
      font-size: 14px; }
    .gotoAppPop-wrapper .pop-content .ios-detail {
      float: left;
      margin-left: 90px; }
    .gotoAppPop-wrapper .pop-content .android-detail {
      float: right;
      margin-right: 90px; }
    .gotoAppPop-wrapper .pop-content .pop-action {
      margin: 10px 0;
      text-align: center;
      width: 144px;
      display: inline-block;
      height: 38px;
      line-height: 38px;
      font-size: 16px;
      border-radius: 4px;
      color: #fff;
      text-decoration: none;
      background-color: #74cd55;
      cursor: pointer; }
.reserveClass {
  border-bottom: 1px solid #F4F4F4;
  margin: 0 -30px;
  padding: 0 30px;
  line-height: 58px;
  height: 58px;
  box-sizing: border-box;
  font-size: 16px; }
  .reserveClass .btn {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 12px;
    color: #49b849;
    border: 1px solid #49b849;
    font-size: 14px;
    margin-left: 16px; }
._2HyWh55N {
  height: 100% !important;
  overflow: hidden; }

._1-yE4hN5 {
  color: #5fb740;
  font-size: 14px;
  position: relative;
  z-index: 2; }

._386LkuSv {
  font-size: 14px;
  margin-right: -20px; }

.fnRk8gYI {
  font-size: 14px;
  color: #999;
  background: #f9f9f9;
  line-height: 40px;
  border-bottom: 1px solid #ececec;
  padding: 0 30px;
  position: relative;
  cursor: pointer; }

._1XoLPRyF {
  border-bottom: 1px solid #f4f4f4;
  margin: 0 -30px;
  padding-left: 30px;
  padding-right: 30px; }

._7jZHYW7q {
  margin-right: 15px;
  font-size: 16px; }

._2cSbR2SA, ._3E6bLwLD {
  position: relative;
  line-height: 54px;
  padding: 0 0 0 82px;
  border-bottom: 1px solid #f4f4f4; }
  ._2cSbR2SA:hover, ._3E6bLwLD:hover {
    background: #eef7f1; }
    ._2cSbR2SA:hover ._7IPrH5Mw, ._3E6bLwLD:hover ._7IPrH5Mw {
      display: block; }

._3E6bLwLD {
  background: #eef7f1; }
  ._3E6bLwLD ._7IPrH5Mw {
    display: block; }

._3gIiff_Z {
  color: #494949;
  float: left; }

._7IPrH5Mw {
  float: right;
  color: #fff;
  background: #75be58;
  border-radius: 3px;
  line-height: 28px;
  height: 28px;
  margin-top: 13px;
  width: 90px;
  text-align: center;
  display: none;
  cursor: pointer; }

._1mBc3UGR {
  padding-right: 30px; }

._3D1wMsCc {
  position: relative;
  height: 377px;
  margin: 0 -30px;
  border-bottom: 1px solid #f4f4f4;
  overflow-y: auto;
  overflow-x: hidden;
  width: 708px; }
  ._3D1wMsCc::-webkit-scrollbar {
    width: 3px; }
  ._3D1wMsCc::-webkit-scrollbar-track {
    background-color: #eee; }
  ._3D1wMsCc::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.2); }
  ._3D1wMsCc::-webkit-scrollbar-corner {
    background-color: black; }

.QpDe-Z8Y {
  height: 100%;
  width: 0;
  position: absolute;
  border-left: 1px solid #f4f4f4;
  left: 52px; }

._2ckzWLXL, ._3tLtJ5VG, ._2AbuZu-g, .E7ubfkfD, .wqIimyr6, ._3WH8bTCU, ._18dH9pRZ {
  position: absolute;
  top: 50%;
  margin: -14px 0 0 -44px;
  width: 28px;
  height: 28px;
  background-repeat: no-repeat;
  background-position: center center; }

._3tLtJ5VG {
  background-image: url(); }

._2AbuZu-g {
  background-image: url(); }

.E7ubfkfD {
  background-image: url(); }

.wqIimyr6 {
  background-image: url(); }

._3WH8bTCU {
  background-image: url(); }

._18dH9pRZ {
  background-image: url(); }

._1Z5GDm5x {
  margin-top: -1px; }

._7Hb1ZN8U {
  position: relative;
  z-index: 1;
  border: 1px solid #74cd55; }
  ._7Hb1ZN8U .fnRk8gYI {
    background: #eef7f1;
    border-color: #dff2de;
    color: #494949; }
  ._7Hb1ZN8U ._2cSbR2SA, ._7Hb1ZN8U ._3E6bLwLD {
    border-bottom: 1px solid #f4f4f4; }
    ._7Hb1ZN8U ._2cSbR2SA:hover, ._7Hb1ZN8U ._3E6bLwLD:hover {
      background: #eef7f1; }
  ._7Hb1ZN8U ._1mBc3UGR {
    height: 48px;
    line-height: 24px;
    padding: 11px 30px 11px 0;
    border: none; }
  ._7Hb1ZN8U ._7IPrH5Mw {
    margin-top: 8px; }
  ._7Hb1ZN8U ._7jZHYW7q {
    color: #74cd55; }

._2GoI0Afl {
  cursor: pointer; }

._3ioRbkfY {
  color: #494949;
  line-height: 40px;
  border-top: 1px solid #f4f4f4;
  text-align: center;
  position: relative;
  background: #fff;
  margin-top: -1px; }

._157H5g5W {
  color: #999; }

._137VyU3E {
  position: relative; }

.soQVHqHN {
  position: absolute;
  text-align: center;
  border-radius: 2px;
  color: #fff;
  background: #FDBB3E;
  font-size: 12px;
  width: 55px;
  line-height: 16px;
  height: 17px;
  top: 50%;
  margin: -8px 0 0 8px;
  left: 100%; }

._3oJEIH7z {
  height: 243px;
  margin: 90px 0 26px 0;
  background: url(/class/app/classhome/component/itellSystemTask/images/12-37040.png) center center no-repeat; }

.q_G-bl-7 {
  font-size: 18px;
  color: #999;
  text-align: center; }

.ENDX5L3s {
  text-align: center; }

._3tS4jtjS {
  height: 176px;
  background: url(/class/app/classhome/component/itellSystemTask/images/13-4c6b5.png) center 0 no-repeat;
  margin: 75px 0 25px; }

._3f1np1VC {
  font-size: 20px;
  color: #494949;
  margin-bottom: 14px; }

._3cbMzBK5 {
  color: #999;
  font-size: 14px;
  margin-bottom: 35px; }

._3Rk9mKqZ {
  color: #5fb740; }

._2Zau6hbk {
  width: 150px;
  line-height: 42px;
  background: #74cd55;
  color: #fff;
  font-size: 16px;
  margin: 0 auto;
  border-radius: 3px;
  cursor: pointer; }

._36pHKD_W {
  height: 174px;
  background: url(/class/app/classhome/component/itellSystemTask/images/14-8f5ec.png) center center no-repeat;
  margin: 114px 0 0 0; }

._3W3QI0s4 {
  width: 96px;
  line-height: 32px;
  text-align: center;
  border-radius: 3px;
  color: #fff;
  background: #78CB5D;
  margin: 0 auto;
  font-size: 14px;
  cursor: pointer; }

._1jpzpSGp {
  font-size: 16px;
  color: #999;
  text-align: center;
  margin-bottom: 30px; }

._2pmUIDvx {
  position: relative;
  top: -20px; }
._1tFZneiI {
  margin: 27px 0 0; }

._2RCiXVrI {
  height: 8px;
  border-radius: 4px;
  background: #f0f0f0;
  position: relative;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 114px; }

._1CqUnm0u {
  background: #74cd55;
  width: 3%;
  height: 100%;
  border-radius: 4px;
  position: relative;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

._1l63t-vT {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 2px solid #74cd55;
  position: absolute;
  right: -2px;
  top: 50%;
  margin-top: -6px;
  background: #fff; }

._1E7pvOnn, ._jx-4nLu {
  width: 110px;
  line-height: 32px;
  border-radius: 16px;
  border: 2px solid #f0f0f0;
  text-align: center;
  color: #999;
  margin-top: -14px; }

._jx-4nLu {
  border-color: #75be58;
  background: #75be58;
  color: #fff;
  cursor: pointer; }
._3lXWUHTr {
  width: 358px;
  height: 163px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -179px;
  margin-top: -81px;
  border: 1px solid #e8e8e8;
  box-shadow: 0 0 3px 1px #e8e8e8;
  background: #fff;
  text-align: center;
  z-index: 10; }

._30d9ICeU {
  font-size: 16px;
  color: #494949;
  margin: 35px 0 10px 0; }

._1stuyz4u {
  font-size: 16px;
  color: #999;
  margin-bottom: 20px; }

._18TvNw59, ._1dqTojym, ._2fhQ40jr {
  display: inline-block;
  width: 100px;
  line-height: 32px;
  border-radius: 3px;
  margin: 0 10px;
  background: #49b849;
  color: #fff;
  cursor: pointer;
  box-sizing: border-box;
  border: 1px solid #49b849; }

._2fhQ40jr {
  color: #49b849;
  background: #fff;
  border: 1px solid #49b849; }
._1Ca8cqsU {
  height: 235px;
  background: url(/class/app/classhome/component/intellSystemDialog/images/bg-bfcde.png) no-repeat;
  line-height: 1; }

._1GJL1R0g {
  color: #fff;
  position: absolute;
  font-size: 15px;
  right: 16px;
  top: 16px;
  cursor: pointer;
  z-index: 1; }

._1vRtKwoa {
  font-size: 18px;
  color: #fff;
  text-align: center;
  margin: 0 0 11px 0;
  line-height: 24px;
  padding-top: 20px; }

.GhXSrQxm {
  color: #fff;
  font-size: 14px;
  text-align: center;
  margin-bottom: 10px;
  line-height: 21px; }

._11WXGOGH {
  width: 360px;
  height: 124px;
  box-sizing: border-box;
  color: #4D4D4D;
  font-size: 14px;
  line-height: 28px;
  background: #fff;
  margin: 0 auto;
  border-radius: 4px;
  padding: 20px 0 0 20px; }
  ._11WXGOGH .nN2VPPGd, ._11WXGOGH ._2tUltrU_, ._11WXGOGH .LS4CPfQ2 {
    position: relative;
    top: -1px; }

._1qKnohoI {
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #4EB64F;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 5px; }

.nN2VPPGd, ._2tUltrU_, .LS4CPfQ2 {
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #FEC72E;
  border: 3px solid #FEEBAA;
  vertical-align: middle;
  border-radius: 50%; }

._2tUltrU_ {
  margin-right: 24px; }

._2zVssIiA {
  display: inline-block;
  vertical-align: middle;
  width: 6px;
  height: 6px;
  border: 2px solid #60CA62;
  border-radius: 50%;
  margin-right: 26px; }

.LS4CPfQ2 {
  margin-right: 24px; }

._1UKxVlqS {
  height: 315px;
  overflow: hidden;
  overflow-y: scroll; }
  ._1UKxVlqS .hui-scrollbar-dragger-bar {
    background: #E6E6E6 !important; }

._1Oumnj-D {
  line-height: 32px;
  margin: 0 -20px 0 0;
  background: #F7F7F7;
  padding: 0 25px;
  color: #A7A7A7;
  box-sizing: border-box; }

._10WEVnP7 {
  font-size: 14px;
  float: left; }

._3syzIanO {
  font-size: 12px;
  float: right; }

._12O_q0n5 {
  width: 7px;
  height: 7px;
  background: #DFDFDF;
  display: inline-block;
  border-radius: 50%;
  position: absolute;
  margin-left: -20px;
  top: 50%;
  margin-top: -3px; }

._3GyRx5sS {
  list-style: disc inside;
  padding: 0 5px 0 25px; }

.kI_ZrY1M, .p-FHrjc_ {
  line-height: 44px;
  border-bottom: 1px solid #EFEFEF;
  font-size: #999;
  font-size: 14px;
  margin-left: 20px;
  position: relative; }

.p-FHrjc_ {
  border: none; }

.HNwF60NB {
  width: 300px;
  overflow: hidden;
  height: 44px;
  text-overflow: ellipsis;
  white-space: nowrap; }
._811LDCw2 {
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 10;
  top: 0; }

._1Axyrttj {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50); }

._1B9Iymhb {
  position: absolute;
  background: #fff;
  left: 50%;
  top: 50%; }

.nBFsIYUZ {
  position: absolute;
  font-size: 18px;
  right: 16px;
  top: 16px;
  cursor: pointer;
  color: #999;
  line-height: 1;
  z-index: 1; }
.ZzYosW96 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 100;
  text-align: center;
  line-height: 100%; }

._1klb0AkG, ._1NuncdMI, ._1qi5l2gp {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -240px;
  margin-top: -260px; }

.v9TFcj50 {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50); }
._2lit4NKN {
  background: #fff;
  height: 498px;
  overflow: hidden; }

._3gckEQ-M {
  line-height: 60px;
  padding: 0 30px;
  font-size: 16px; }

._3wsGoEEq {
  float: left; }

._2mOMsJdu {
  font-size: 14px;
  color: #ababab;
  float: right; }

._3oQ8DZww {
  color: #1cc072; }

.ybnzlIPm {
  margin: 21px 30px 0; }

._2WmxLIfE {
  margin-bottom: 34px;
  line-height: 38px;
  height: 38px; }

._23AuLOpp {
  font-size: 16px;
  color: #666666;
  float: left;
  width: 10px;
  margin-right: 15px; }

._3LG_CAX7 {
  width: 38px;
  height: 38px;
  margin-right: 16px;
  float: left;
  border-radius: 50%;
  background: #eee;
  overflow: hidden; }
  ._3LG_CAX7 img {
    width: 100%;
    height: 100%; }

._4NvR5vg3 {
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

._1cS-k8zq {
  color: #999;
  margin-top: 2px;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

._3xm7Ze94 {
  float: left;
  line-height: 19px;
  font-size: 14px; }

._2AclwuFE {
  float: right;
  width: 60px; }

._10QuU1Gy, ._29uNnQFP, ._25X9OQxF {
  display: inline-block;
  width: 16px;
  height: 17px;
  margin-right: 5px;
  vertical-align: -3px; }

._29uNnQFP {
  cursor: default;
  background: url(); }

._25X9OQxF {
  cursor: pointer;
  background: url(); }

.bA0qtaoG {
  font-size: 12px;
  color: #25c378; }

.N8qbx9vm {
  margin-top: 160px;
  text-align: center;
  color: #ababab;
  line-height: 20px; }
.guidApp-container {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 1; }

.guidApp-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #000;
  opacity: .3;
  filter: alpha(opacity=30); }

.guidApp-main {
  width: 572px;
  height: 330px;
  left: 50%;
  top: 50%;
  margin-left: -286px;
  margin-top: -165px;
  position: absolute; }

.guidApp-main-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .1;
  filter: alpha(opacity=10);
  left: 0;
  top: 0;
  z-index: -1; }

.guidApp-main-content {
  background: #fff;
  height: 100%;
  margin: 6px;
  width: 444px;
  height: 273px;
  padding: 45px 58px 0 58px; }

.guidApp-main-content-top-left {
  float: left;
  width: 140px;
  height: 140px;
  background: url(/class/app/classhome/component/guid-app/images/qrcode-364e1.jpg) 0 0 no-repeat;
  text-align: center;
  font-size: 14px; }

.guidApp-main-content-top-left p {
  margin-top: 150px;
  color: #959595; }

.guidApp-main-content-top-right {
  float: left;
  margin-left: 25px; }

.guidApp-main-content-title {
  font-size: 16px;
  margin-bottom: 24px; }

.guidApp-main-content-item {
  font-size: 14px;
  line-height: 26px;
  color: #959595; }

.guidApp-dot {
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #49b049;
  vertical-align: middle; }

.guidApp-btn {
  width: 136px;
  line-height: 38px;
  border-radius: 19px;
  background: #49b049;
  margin: 60px auto 0;
  color: #fff;
  text-align: center;
  font-size: 16px;
  cursor: pointer; }
.classMateWide .list {
  width: 416px;
  float: left; }
  .classMateWide .list + .list {
    margin-left: 52px; }

.classMateWide .more {
  left: 271px; }

.main .section.section-harf .left.classMateWide {
  width: 884px; }

.w1200 {
  /*base start*/ }
  .w1200 .main .section.section-harf .classMateWide.left {
    width: 998px; }
  .w1200 .main .section.section-harf .classMateWide .more {
    left: 268px; }
  .w1200 .main {
    width: 1058px; }
  .w1200 .classMateWide .list {
    width: 472px; }
    .w1200 .classMateWide .list + .list {
      margin-left: 54px; }

@media screen and (min-width: 1200px) {
  /*base start*/
  .main .section.section-harf .classMateWide.left {
    width: 998px; }
  .main .section.section-harf .classMateWide .more {
    left: 268px; }
  .main {
    width: 1058px; }
  .classMateWide .list {
    width: 472px; }
    .classMateWide .list + .list {
      margin-left: 54px; } }
.warningBar {
  height: 40px;
  line-height: 40px;
  background: #FFF7D0; }

.warningBarWrap {
  width: 1200px;
  margin: 0 auto;
  font-size: 14px;
  position: relative; }
  .warningBarWrap a, .warningBarWrap span {
    color: #FF6600; }

.warningBarClose {
  position: absolute;
  height: 100%;
  top: 0;
  right: 0;
  color: #999;
  cursor: pointer; }
  .warningBarClose:hover {
    color: #666; }
.icon-sprite,.icon-mal,.icon-mar,.icon-mawl,.arrow:hover .icon-mawl,.icon-mawr,.arrow:hover .icon-mawr,.icon-mawlh,.icon-mawrh,.icon-calendar,.icon-calendar:hover,.icon-open,.task .slideBtn.icon-open,.icon-open:hover,.icon-openH,.icon-plus,.more:hover .icon-plus,.icon-processMe,.icon-processNone,.icon-processNoneRotate,.icon-processOther,.icon-processOtherRotate,.icon-shrink,.task .slideBtn,.icon-shrink:hover,.icon-shrinkH,.icon-learning,.icon-locked,.icon-canLearn,.icon-canOrder,.icon-completed,.icon-praise,.icon-emptyTalk,.icon-emptyHomework,.icon-faq,.icon-fci,.icon-fcommit,.icon-fdownload,.icon-fhomework,.icon-fnote,.icon-clock,.icon-ctlogo,.icon-closeG,.icon-arrowr,.icon-closeStep,.icon-guidline1,.icon-guidline2,.icon-closeCicle,.icon-arrowrlit,.icon-notlearn,.classMateMeeting .item:hover .icon-speak{background-image:url(/class/app/classhome/images/icon-saefeb4b950-ebda2.png);background-repeat:no-repeat}.icon-mal{display:inline-block;vertical-align:middle;width:8px;height:16px;background-position:0 -1356px;*margin-top:6px}.icon-mar{display:inline-block;vertical-align:middle;width:8px;height:16px;background-position:0 -1372px;*margin-top:6px}.icon-mawl{display:inline-block;vertical-align:middle;width:8px;height:16px;background-position:0 -1388px;*margin-top:6px}.arrow:hover .icon-mawl{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -1404px;*margin-top:0px}.icon-mawr{display:inline-block;vertical-align:middle;width:8px;height:16px;background-position:0 -1432px;*margin-top:6px}.arrow:hover .icon-mawr{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -1448px;*margin-top:0px}.icon-mawlh{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -1404px}.icon-mawrh{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -1448px}.icon-calendar{display:inline-block;vertical-align:middle;width:24px;height:21px;background-position:0 -61px}.icon-calendar:hover{display:inline-block;vertical-align:middle;width:24px;height:21px;background-position:0 -82px}.icon-open,.task .slideBtn.icon-open{display:inline-block;vertical-align:middle;width:24px;height:48px;background-position:0 -1538px}.icon-open:hover,.task .slideBtn.icon-open:hover{display:inline-block;vertical-align:middle;width:24px;height:48px;background-position:0 -1586px}.icon-openH{display:inline-block;vertical-align:middle;width:24px;height:48px;background-position:0 -1586px}.icon-plus{display:inline-block;vertical-align:middle;width:19px;height:18px;background-position:0 -1634px}.more:hover .icon-plus{display:inline-block;vertical-align:middle;width:19px;height:18px;background-position:0 -1652px}.icon-processMe{display:inline-block;vertical-align:middle;width:38px;height:45px;background-position:0 -1688px}.icon-processNone{display:inline-block;vertical-align:middle;width:38px;height:45px;background-position:0 -1733px}.icon-processNoneRotate{display:inline-block;vertical-align:middle;width:39px;height:38px;background-position:0 -1778px}.icon-processOther{display:inline-block;vertical-align:middle;width:38px;height:45px;background-position:0 -1816px}.icon-processOtherRotate{display:inline-block;vertical-align:middle;width:38px;height:38px;background-position:0 -1861px}.icon-shrink,.task .slideBtn{display:inline-block;vertical-align:middle;width:24px;height:48px;background-position:0 -1937px}.icon-shrink:hover,.task .slideBtn:hover{display:inline-block;vertical-align:middle;width:24px;height:48px;background-position:0 -1985px}.icon-shrinkH{display:inline-block;vertical-align:middle;width:24px;height:48px;background-position:0 -1985px}.icon-learning{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -1300px}.icon-locked{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -1328px}.icon-canLearn{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -103px}.icon-canOrder{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -131px}.icon-completed{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -391px}.icon-praise{display:inline-block;vertical-align:middle;width:16px;height:18px;background-position:0 -1670px}.icon-emptyTalk{display:inline-block;vertical-align:middle;width:150px;height:103px;background-position:0 -647px}.icon-emptyHomework{display:inline-block;vertical-align:middle;width:146px;height:120px;background-position:0 -527px}.icon-faq{display:inline-block;vertical-align:middle;width:82px;height:54px;background-position:0 -750px}.icon-fci{display:inline-block;vertical-align:middle;width:82px;height:53px;background-position:0 -804px}.icon-fcommit{display:inline-block;vertical-align:middle;width:82px;height:56px;background-position:0 -857px}.icon-fdownload{display:inline-block;vertical-align:middle;width:82px;height:54px;background-position:0 -913px}.icon-fhomework{display:inline-block;vertical-align:middle;width:82px;height:54px;background-position:0 -967px}.icon-fnote{display:inline-block;vertical-align:middle;width:82px;height:54px;background-position:0 -1021px}.icon-clock{display:inline-block;vertical-align:middle;width:150px;height:100px;background-position:0 -223px}.icon-ctlogo{display:inline-block;vertical-align:middle;width:185px;height:40px;background-position:0 -453px}.icon-closeG{display:inline-block;vertical-align:middle;width:18px;height:18px;background-position:0 -355px}.icon-arrowr{display:inline-block;vertical-align:middle;width:10px;height:17px;background-position:0 -32px;vertical-align:-2px;*vertical-align:middle}.icon-closeStep{display:inline-block;vertical-align:middle;width:18px;height:18px;background-position:0 -373px}.icon-guidline1{display:inline-block;vertical-align:middle;width:111px;height:75px;background-position:0 -1075px}.icon-guidline2{display:inline-block;vertical-align:middle;width:56px;height:80px;background-position:0 -1150px}.icon-closeCicle{display:inline-block;vertical-align:middle;width:32px;height:32px;background-position:0 -323px}.icon-arrowrlit{display:inline-block;vertical-align:middle;width:7px;height:12px;background-position:0 -49px}.icon-notlearn{display:inline-block;vertical-align:middle;width:28px;height:28px;background-position:0 -1510px}.orange{color:#ff992b}html,body,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label{margin:0;padding:0;border:0}ul,li{list-style:none;*vertical-align:middle}body{font-size:12px;background:#f6f6f6}img{vertical-align:middle}a{text-decoration:none;color:inherit;cursor:pointer}.fl{float:left}.fr{float:right}.tl{text-align:left}.tc{text-align:center}.tr{text-align:right}.clearfix,.wrap,.main .section,.main .titleBar,.main .learningProcess .learningStar,.learningProcess .main .learningStar,.classMateMeeting .item,.AQ .item,.hotAQ .down,.hotAQ .upper,.learningProcess .learningStar .list,.task .item,.finshInfo,.finshHandle .list,.finshHandle .item,.lessonDetails .item{zoom:1}.clearfix:after,.wrap:after,.main .section:after,.main .titleBar:after,.main .learningProcess .learningStar:after,.learningProcess .main .learningStar:after,.classMateMeeting .item:after,.AQ .item:after,.hotAQ .down:after,.hotAQ .upper:after,.learningProcess .learningStar .list:after,.task .item:after,.finshInfo:after,.finshHandle .list:after,.finshHandle .item:after,.lessonDetails .item:after{content:'';line-height:0;display:block;clear:both}.hide{display:none}.textoverflow,.classMateMeeting .title,.hotAQ .Que,.hotAQ .An{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.wrap{width:1024px;margin:0 auto}.main{width:944px}.main .section{margin-bottom:20px}.main .section .inner.empty{text-align:center;width:100%;position:absolute;top:53px;bottom:0;margin:auto 0 auto -30px;height:245px}.main .section .inner.empty .icon{margin-bottom:20px}.main .section .inner.empty p{color:#999;font-size:16px;line-height:26px}.main .section .inner.empty .btn{display:inline-block;width:194px;height:46px;text-align:center;line-height:46px;color:#fff;background:#75be58;border:1px solid #75be58;font-size:16px;border-radius:3px;cursor:pointer;max-height:none;margin-top:20px}.main .section .inner.empty .btn:hover{color:#fff;border-color:#75be58;background:#75be58}.main .section .inner.empty .btn:hover{background:#5dae42}.main .section.section-harf{background:none;height:450px;border:none}.main .section.section-harf .left,.main .section.section-harf .right{width:402px;border:none}.main .section.section-harf .more{position:absolute;bottom:15px;width:402px;margin-top:-1px;text-align:center;line-height:40px;color:#999;font-size:14px;border-radius:3px;border:1px solid #eee}.main .section.section-harf .more a{display:block}.main .section.section-harf .more:hover{border-color:#5dae42;color:#5dae42}.main .left{padding:0 30px;width:533px;float:left;border-right:1px solid #eee;position:relative;background-color:#fff}.main .right{float:right;width:290px;padding:0 30px;position:relative;background-color:#fff}.main .titleBar,.main .learningProcess .learningStar,.learningProcess .main .learningStar{font-size:16px;color:#494949;height:53px;line-height:53px;padding-top:5px}.main .titleBar .small,.main .learningProcess .learningStar .small,.learningProcess .main .learningStar .small{font-size:12px;margin-left:8px;vertical-align:baseline}.classMateMeeting{color:#494949;height:inherit;background:#fff}.classMateMeeting a{color:inherit}.classMateMeeting .item{overflow:hidden;height:47px;line-height:47px;border-bottom:1px solid #f8f8f8;font-size:14px}.classMateMeeting .item:hover{color:#75be58}.classMateMeeting .item:hover .icon-speak{display:inline-block;vertical-align:middle;width:18px;height:16px;background-position:0 -2033px;vertical-align:-3px}.classMateMeeting .item .text{color:#aaa;font-size:12px;display:inline-block;width:21px}.classMateMeeting .icon-praise{margin-left:10px}.classMateMeeting .icon{vertical-align:-3px;margin-right:3px}.classMateMeeting .title{width:300px}.classMateMeeting .badge{font-size:12px;display:inline-block;margin-right:10px;width:32px;padding:2px 0;line-height:1;color:#fff;text-align:center}.classMateMeeting .badge.top{background:#75be58}.classMateMeeting .badge.excellent{background:#ff992b}.AQ{height:inherit;background:#fff;font-size:14px;line-height:26px;color:#494949}.AQ a{color:inherit}.AQ .icon{vertical-align:-3px;margin-right:3px}.AQ .empty{margin-top:54px !important}.AQ .item{border-bottom:1px solid #f8f8f8;padding:15px 0}.AQ .item:hover .Que{color:#75be58}.AQ .tab{margin-right:50px;padding:6px 0;cursor:pointer;display:inline}.AQ .tab:hover{color:#5dae42}.AQ .on{color:#5dae42;border-bottom:#75be58 solid 4px}.hotAQ .text{color:#999;font-size:12px}.hotAQ .Que,.hotAQ .An{width:333px;height:26px}.hotAQ .down{color:#999;width:auto;background:none;display:block}.unsolve .item{position:relative}.unsolve .Que{height:53px;overflow:hidden}.unsolve .publishTime{background:#fff;position:absolute;right:0;bottom:16px;font-size:12px;color:#999;padding-left:5px}.unsolve .more{position:relative;z-index:1}.class-loading{background:url(//res.hjfile.cn/class/static/images/loading.gif) center center no-repeat #fff}.class-loading-false{text-align:center;margin:auto;line-height:26px;height:52px;color:#999;font-size:14px;position:absolute;top:50%;left:0;width:100%;margin-top:-26px}.class-loading-false .btn-refresh{color:#75be58;cursor:pointer}a:link{*color:#666}a:visited{*color:#666}a:hover{*color:#666}a:active{*color:#666}a:hover:link{*color:#75be58}a:hover:visited{*color:#75be58}a:hover:hover{*color:#75be58}a:hover:active{*color:#75be58}.classInfo a:link{*color:#fff}.classInfo a:visited{*color:#fff}.classInfo a:hover{*color:#fff}.classInfo a:active{*color:#fff}.nav a:link{*color:#666}.nav a:visited{*color:#666}.nav a:hover{*color:#666}.nav a:active{*color:#666}.nav .item:hover a:link{*color:#75be58}.nav .item:hover a:visited{*color:#75be58}.nav .item:hover a:hover{*color:#75be58}.nav .item:hover a:active{*color:#75be58}.finshHandle,.classMateList{height:419px}.main .section-harf{margin-bottom:0}.main .section-harf .left,.main .section-harf .right{height:450px}.lessonType{height:176px;position:relative}.icon-calendar{*margin-top:16px}.learningProcess .findDeskmate{position:absolute;bottom:100%;display:none;width:267px;height:142px;border:4px solid #f0efee;border:4px solid rgba(0,0,0,0.3);background:#fff;background-clip:content-box;text-align:center;font-size:14px;transition:1s;border-radius:3px}.learningProcess .findDeskmate .inner{line-height:26px;margin:18px 0 10px 0}.learningProcess .findDeskmate .btn{display:inline-block;width:134px;height:36px;text-align:center;line-height:36px;color:#fff;background:#75be58;border:1px solid lgreen;font-size:16px;border-radius:3px;cursor:pointer;max-height:none}.learningProcess .findDeskmate .btn:hover{color:#fff;border-color:#75be58;background:#75be58}.learningProcess .findDeskmate a{color:#fff;display:block}.learningProcess .learningStar{float:right;text-align:right;margin-top:-60px}.learningProcess .learningStar .empty{font-size:14px;color:#999}.learningProcess .learningStar .list{float:left;margin:0 3px 0 15px;display:inline}.learningProcess .learningStar .item{position:relative;width:32px;height:32px;border-radius:50%;float:left;color:#fff;font-size:12px;margin-left:10px;display:inline}.learningProcess .learningStar .item img{width:100%;height:100%;border-radius:50%}.learningProcess .learningStar .item .rank{position:absolute;right:-3px;bottom:-15px;display:inline-block;line-height:14px;text-align:center;width:14px;border:1px solid #fff;border-radius:50%}.learningProcess .learningStar .item .rank.first{background:#ffd71f}.learningProcess .learningStar .item .rank.second{background:#c1d3e5}.learningProcess .learningStar .item .rank.third{background:#e7caa8}.learningProcess .processInfo{color:#999;width:391px;float:left}.learningProcess .processInfo .showPlanEl{position:absolute;width:100%;height:30px;top:0;z-index:2}.learningProcess .processInfo .processBar{position:relative;height:8px;border-radius:4px;background:#efefef;margin-top:48px;margin-bottom:28px}.learningProcess .processInfo .processBar .me:hover,.learningProcess .processInfo .processBar .deskmate:hover{z-index:2 !important}.learningProcess .processInfo .processBar .pic{position:absolute;bottom:10px;right:-19px}.learningProcess .processInfo .processBar .pic.icon-processNoneRotate{left:0}.learningProcess .processInfo .processBar .pic.icon-processOtherRotate{right:0}.learningProcess .processInfo .processBar .me{border-radius:4px;position:absolute;height:100%;background:#75be58}.learningProcess .processInfo .processBar .me .node{border-color:#75be58}.learningProcess .processInfo .processBar .me .myRate{position:absolute;width:20px;text-align:center;right:0;margin-right:-10px;top:15px;visibility:hidden}.learningProcess .processInfo .processBar .me:hover .myRate{visibility:visible}.learningProcess .processInfo .processBar .plan{border-radius:4px;position:absolute;height:100%;background:#ffe6c5}.learningProcess .processInfo .processBar .plan .node{visibility:hidden;position:absolute;width:0;height:0;line-height:0;border:solid 6px;border-color:transparent transparent #ff992b transparent;top:9px;border-radius:initial;background:none}.learningProcess .processInfo .processBar .plan .tips{visibility:hidden;position:absolute;top:20px;white-space:nowrap}.learningProcess .processInfo .processBar .deskmate{border-radius:4px;position:absolute;height:100%}.learningProcess .processInfo .processBar .deskmate .node{border-color:#ffaf58}.learningProcess .processInfo .processBar .node{position:absolute;width:8px;height:8px;background:#fff;border:2px solid;border-radius:50%;behavior:url(/pie/PIE.htc);top:50%;right:-6px;margin-top:-6px}.learningProcess .processInfo .processBar img{position:relative;border-radius:50%;behavior:url(/pie/PIE.htc);width:32px;height:32px;margin:3px}.learningProcess .classHandle{float:right;margin-bottom:23px}.learningProcess .classHandle p{text-align:center;color:#ccc}.learningProcess .classHandle p a{color:#494949;padding:0 5px}.learningProcess .classHandle p a:hover{color:#75be58}.learningProcess .classHandle .btn{width:117px;margin:32px 0 15px;display:inline-block;width:115px;height:34px;text-align:center;line-height:34px;color:#fff;background:#75be58;border:1px solid #75be58;font-size:16px;border-radius:3px;cursor:pointer;max-height:none}.learningProcess .classHandle .btn:hover{color:#fff;border-color:#75be58;background:#75be58}.learningProcess .classHandle .btn:hover{background:#5dae42;border-color:#5dae42}.notice{height:176px}.notice .noticeContent{font-size:14px;line-height:26px;color:#494949;height:104px;overflow:hidden}.notice .noticeContent>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:inline-block;width:100%;margin-right:5px;line-height:20px}.notice .noticeContent a{color:#494949}.notice .noticeContent a:hover{color:#57bc4c}.notice .checkDeal:hover,.notice .getBook:hover{color:#5dae42}.notice .small{color:#ccc}.notice .small a{color:#494949}.notice .item{list-style:disc inside;line-height:25px;height:25px;overflow:hidden;font-size:14px;color:#dcdcdc}.notice .item a{color:#494949}.notice .getBook{position:relative}.notice .dot{position:absolute;background:#ff4f4f;width:6px;border-radius:50%;height:6px;top:-4px;right:-4px}.task{height:100%;position:relative;color:#494949;font-size:14px}.task .btn-order,.task .tip-text{visibility:hidden}.task.wider{border:none;width:884px}.task.wider .info{width:770px}.task .btn-Classroom{display:inline-block;width:94px;height:30px;text-align:center;line-height:30px;color:#fff;background:#75be58;border:1px solid #75be58;font-size:14px;border-radius:3px;cursor:pointer;max-height:none}.task .btn-Classroom:hover{color:#fff;border-color:#75be58;background:#75be58}.task .btn-order{*margin-top:11px;display:inline-block;width:94px;height:30px;text-align:center;line-height:30px;color:#fff;background:#75be58;border:1px solid #75be58;font-size:14px;border-radius:3px;cursor:pointer;max-height:none}.task .btn-order:hover{color:#fff;border-color:#75be58;background:#75be58}.task .btn-order:hover{background:#5dae42;border-color:#5dae42}.task .item{height:56px;line-height:56px;overflow:hidden;margin:0 -30px;padding:0 30px;cursor:pointer}.task .item.curr{background:#f9f9f9}.task .item.curr .btn-order{visibility:visible}.task .item:hover{background:#eef8ea}.task .item:hover .btn-order,.task .item:hover .tip-text{visibility:visible}.task .item span{margin-right:10px}.task .info{width:370px}.task .upper,.task .down{border-bottom:1px solid #f8f8f8;background:none;display:block;width:auto}.task .icon{margin-right:10px}.task .moreLessons{*height:46px;line-height:46px;text-align:center;position:absolute;bottom:0;width:100%}.task .moreLessons:hover a{color:#5dae42}.task .moreLessons a{color:#75be58;display:block}.task .slideBtn{position:absolute;top:50%;margin-top:-19px;right:0;cursor:pointer}.finshInfo{text-align:center;margin:0 -10px;color:#494949;margin-top:47px}.finshInfo .tips{font-size:14px;line-height:20px}.finshInfo .btn{margin-top:5px;display:inline-block;width:92px;height:34px;text-align:center;line-height:34px;color:#75be58;background:#fff;border:1px solid #75be58;font-size:14px;border-radius:3px;cursor:pointer;max-height:none;border-radius:17px}.finshInfo .btn:hover{color:#fff;border-color:#fff;background:#fff}.finshInfo .btn:hover{background:#75be58;color:#fff}.finshInfo .welcomeInfo{display:inline-block;vertical-align:middle;width:200px}.finshInfo .me,.finshInfo .deskmate{width:154px;padding-left:10px;display:inline-block;vertical-align:middle}.finshInfo .me img,.finshInfo .deskmate img{height:44px;width:44px;padding:2px;margin-top:18px;border:1px solid;border-radius:50%;margin-right:10px}.finshInfo .me{border-right:1px solid #eee;padding-right:16px}.finshInfo .me img{border-color:#75be58}.finshInfo .deskmate img{border-color:#ffdeba}.finshInfo p{height:28px;line-height:28px}.finshInfo label{color:#999;float:left}.finshInfo .text{font-size:16px;float:right}.finshHandle .down{width:auto;background:none;display:block}.finshHandle a{color:inherit}.finshHandle .list{border-bottom:1px solid #f8f8f8;margin-top:-20px;padding-bottom:60px}.finshHandle .icon{margin-right:0}.finshHandle .item{float:left;width:33%;height:56px;margin-top:80px}.finshHandle .text{color:#494949;font-size:16px;line-height:28px}.finshHandle .down .text{line-height:46px}.finshHandle .subText{font-size:12px;color:#999;line-height:28px}.finshHandle .more{text-align:center;line-height:48px;font-size:14px;color:#999}.finshHandle .more a{display:block}.finshHandle .more:hover{color:#5dae42}.classMateList .refresh:hover{color:#5dae42}.classMateList .item{float:left;width:33%;text-align:center;color:#999;margin-bottom:30px}.classMateList .item a{color:inherit}.classMateList img{width:60px;height:60px;border-radius:50%}.classMateList .name{line-height:28px;height:28px;overflow:hidden}.beforeStart{padding:35px 0px !important}.beforeStart .icon{margin:10px 50px 0}.beforeStart .text{font-size:16px;color:#666;margin-bottom:10px}.beforeStart .subText{font-size:14px;color:#999;margin-bottom:15px}.beforeStart .inlineText{font-size:30px;color:#5dae42}.beforeStart .btn{display:inline-block;width:122px;height:34px;text-align:center;line-height:34px;color:#5dae42;background:#fff;border:1px solid #5dae42;font-size:14px;border-radius:3px;cursor:pointer;max-height:none;border-radius:17px;margin-right:15px}.beforeStart .btn:hover{color:#fff;border-color:#fff;background:#fff}.beforeStart .btn:hover{background:#5dae42;color:#fff}.liveClass{color:#666;padding:50px 30px !important}.liveClass .icon{margin:10px 20px 0 20px}.liveClass .text{margin-bottom:18px;font-size:14px}.liveClass .inlineText{color:#5dae42}.liveClass .btn{display:inline-block;width:122px;height:34px;text-align:center;line-height:34px;color:#5dae42;background:#fff;border:1px solid #5dae42;font-size:16px;border-radius:3px;cursor:pointer;max-height:none;border-radius:17px;margin-right:15px}.liveClass .btn:hover{color:#fff;border-color:#fff;background:#fff}.liveClass .btn:hover{background:#5dae42;color:#fff}.lessonDetails{position:relative;height:430px}.lessonDetails .opacityLayer{width:100%;height:45px;position:absolute;bottom:10px;left:0;background:url(/class/app/classhome/images/opacitybg-96f84.png) 0 0 no-repeat}.lessonDetails .longTitle{width:42px;color:#75be58}.lessonDetails .shortTitle{width:32px;background:#4ed09b;margin-left:5px}.lessonDetails .shortTitle.deskmate{background:#f29431}.lessonDetails .more:hover{color:#5dae42}.lessonDetails.empty-lessonDetails{background:url(/class/app/classhome/images/empty-lessonDetail-5281a.png) center center no-repeat #fff}.lessonDetails .item{border-bottom:1px solid #f8f8f8;padding:11px 0}.lessonDetails .userTitle{color:#fff;line-height:16px;text-align:center;border-radius:8px;margin-top:5px}.lessonDetails .pic{width:42px;height:42px;border-radius:50%;margin-right:10px}.lessonDetails .userContent{float:left;width:230px;color:#494949;line-height:21px;word-wrap:break-word;font-size:14px;margin-bottom:8px}.lessonDetails .time{color:#999;text-align:right}.lessonDetails .lessonDetailsCon{height:361px;width:305px}.hui-scrollbar-vertical{position:absolute;width:16px;height:100%;left:auto;top:0;right:0;bottom:0}.hui-scrollbar-vertical .hui-scrollbar-dragger-container{position:absolute;top:0;left:0;bottom:0;right:0;height:100%}.hui-scrollbar-vertical .hui-scrollbar-dragger{cursor:pointer;width:100%;height:30px;z-index:1;position:absolute;left:0;top:0}.hui-scroll-box .hui-scrollbar-vertical .hui-scrollbar-dragger .hui-scrollbar-dragger-bar{background-color:#000;opacity:0.5;filter:"alpha(opacity=50)"}.hui-scrollbar-vertical .hui-scrollbar-dragger .hui-scrollbar-dragger-bar{position:relative;width:4px;height:100%;margin:0 auto;border-radius:16px;text-align:center}.hui-scroll-box .hui-scrollbar-vertical .hui-scrollbar-dragger-rail{background-color:#000;opacity:0.4;filter:"alpha(opacity=40)";display:none}.hui-scrollbar-vertical .hui-scrollbar-dragger-rail{width:2px;height:100%;margin:0 auto;border-radius:16px}.hui-scroll-box{position:relative;overflow:hidden;height:100%;width:100%;outline:none;direction:ltr}.hui-scroll-content-wrapper{position:absolute;height:100%;overflow:hidden;top:0;left:0;right:0;bottom:0;padding-right:20px}.newTerm_a6{position:fixed;bottom:0;height:73.33333px;width:100%}.newTerm_a6 .wrap{height:inherit;position:relative}.newTerm_a6 img{width:100%;height:auto}.newTerm_a6 .close{position:absolute;width:18px;height:19px;top:3px;right:3px;background:url() 0 0 no-repeat;z-index:1;cursor:pointer}.w1200 .wrap{width:1200px}.w1200 .beforeStart{padding:35px 30px !important}.w1200 .main .section.section-harf .more{width:459px}.w1200 .main .section.section-harf .right,.w1200 .main .section.section-harf .left{width:459px}.w1200 .main{width:1058px}.w1200 .main .left{width:647px}.w1200 .classMateMeeting .title{width:350px}.w1200 .hotAQ .An{width:390px}.w1200 .task.wider{width:998px}.w1200 .task.wider .info{width:880px}.w1200 .task .info{width:480px}.w1200 .learningProcess .processInfo{width:497px}.w1200 .task .info{width:480px}.w1200 .finshInfo .tips{width:auto}.w1200 .finshHandle .icon{margin-right:8px}.w1200 .finshHandle .subText{font-size:14px}.w1200 .liveClass .icon{margin:10px 30px 0 40px}.w1200 #newheader .header-container{width:1200px !important}.w1200 .newTerm_a6{height:88px}.w1200 .welcomeInfo .btn{width:122px}.w1200 .finshInfo .welcomeInfo{width:auto}.w1200 .finshInfo .me,.w1200 .finshInfo .deskmate{width:174px}.w1200 .finshInfo .me img,.w1200 .finshInfo .deskmate img{width:68px;height:68px;margin-top:7px}.w1200 .finshInfo .me{padding-right:20px}@media screen and (min-width: 1200px){.wrap{width:1200px}.beforeStart{padding:35px 30px !important}.main .section.section-harf .more{width:459px}.main .section.section-harf .right,.main .section.section-harf .left{width:459px}.main{width:1058px}.main .left{width:647px}.classMateMeeting .title{width:350px}.hotAQ .An{width:390px}.task.wider{width:998px}.task.wider .info{width:880px}.task .info{width:480px}.learningProcess .processInfo{width:497px}.task .info{width:480px}.finshInfo .tips{width:auto}.finshHandle .icon{margin-right:8px}.finshHandle .subText{font-size:14px}.liveClass .icon{margin:10px 30px 0 40px}#newheader .header-container{width:1200px !important}.newTerm_a6{height:88px}.welcomeInfo .btn{width:122px}.finshInfo .welcomeInfo{width:auto}.finshInfo .me,.finshInfo .deskmate{width:174px}.finshInfo .me img,.finshInfo .deskmate img{width:68px;height:68px;margin-top:7px}.finshInfo .me{padding-right:20px}}.popWin{text-align:center;position:fixed;z-index:100;left:0;top:0;width:100%;height:100%;font-size:16px;line-height:32px;color:#666}.popWin .bgOpacity{position:absolute;width:100%;height:100%;left:0;top:0;background:#000;filter:alpha(opacity=30);background:rgba(0,0,0,0.3)}.popWin .title{line-height:60px;background:#75be58;color:#fff}.popWin .inner{position:absolute;width:450px;height:230px;border:6px solid rgba(0,0,0,0.2);top:50%;left:50%;margin-left:-231px;margin-top:-121px;background:#fff;background-clip:content-box}.popWin .inner.leaveInner{width:560px;height:360px;margin-left:-280px;margin-top:-180px}.popWin .inner.calendarInner{width:850px;height:620px;margin-left:-425px;margin-top:-310px}.popWin .inner.agreementInner{width:800px;height:568px;margin-left:-400px;margin-top:-284px}.popWin .inner.relearnInner{width:557px;height:389px;margin-left:-278px;margin-top:-194px;background:none;border:none}.popWin .inner.applyRelearnInner{width:450px;height:340px;margin-left:-225px;margin-right:-170px}.popWin .inner.applyRelearnInner .close{top:14px}.popWin .inner.receiveCouponInner{width:630px;height:180px;margin-left:-315px;margin-top:-90px}.popWin .text{margin:40px 0}.onlyWindwos .text{margin:55px 0}.notice .text{margin:24px 0}.popWin .close{position:absolute;top:5px;right:10px;font-size:30px;color:#c0c0c0;cursor:pointer}.notice .close{color:#fff}.popWin .btn{display:inline-block;width:230px;height:44px;text-align:center;line-height:44px;color:#fff;background:#75be58;border:1px solid #75be58;font-size:16px;border-radius:3px;cursor:pointer;max-height:none}.popWin .btn:hover{color:#fff;border-color:#75be58;background:#75be58}.notice .btn{width:150px}.notice .btn-hasknow{display:inline-block;width:150px;height:44px;text-align:center;line-height:44px;color:#75be58;background:#fff;border:1px solid #75be58;font-size:16px;border-radius:3px;cursor:pointer;max-height:none;margin-right:30px}.notice .btn-hasknow:hover{color:#fff;border-color:#fff;background:#fff}.popWin .orange-text{color:#ff992b}.popWin .label-line{line-height:40px;font-size:12px;margin-left:-218px;color:#999}.popWin .envelope_bg{background:url() 0 0;border-radius:5px;width:545px;padding:6px}.popWin .envelope{padding:30px 0 20px;text-align:left;border-radius:5px;line-height:36px;background:#fefbea;color:#96827d;font-size:14px}.popWin .envelope p{width:430px;margin:0 auto;line-height:36px;height:auto;border-bottom:1px dashed #f6dca5}.popWin .envelope .dashed{left:0;position:absolute;width:100%;height:0;border-bottom:1px dashed #f6dca5}.popWin .btn{width:134px;line-height:40px;height:40px}.popWin .btn:hover{background:#5dae42}.popWin .relearn_form .btn{margin-left:50px}.popWin .relearn_form .title{font-size:16px;border-bottom:1px solid #999;margin-bottom:20px}.popWin .relearn_form .group{line-height:30px;margin-bottom:5px;font-size:14px;height:32px}.popWin .relearn_form label{text-align:right;display:inline-block;width:120px}.popWin .relearn_form .inp{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #ccc;height:28px;*line-height:28px;width:200px;padding-left:3px}.popWin .relearn_form .inp.warning{background:#DA7676}.popWin .relearn_form .file{width:205px}.popWin .receiveCoupon{width:540px;margin:20px auto 0;text-align:left}.popWin .receiveCoupon .shadow_line{line-height:30px}.guid{position:fixed;z-index:99;width:100%;height:100%;top:0;left:0}.guid .opacityBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;filter:alpha(opacity=30);opacity:.3}.guid .inner{width:532px;height:332px;background:url(/class/app/classhome/images/guidOld-adff7.png) 0 0 no-repeat;position:absolute;left:50%;top:50%;margin:-166px 0 0 -266px;box-shadow:0 0 20px -2px #f9d062;border-radius:8px}.guid .step1 .inner{left:990px;top:220px;margin:0}.guid .step2 .inner{left:224px;top:280px;margin:0}.guid .close{position:absolute;right:12px;top:12px;cursor:pointer}.guid .pic{width:70px;height:70px;margin:25px auto;border-radius:50%;border:2px solid #fff;overflow:hidden;*border:0;*padding-top:25px}.guid .btn{width:180px;height:50px;text-align:center;line-height:50px;color:#fff;background:#fc6b5c;border-radius:25px;display:inline-block;font-size:18px;margin:10px auto;cursor:pointer}.guid .btn .icon{margin-left:5px}.guid .btn .text{margin-left:20px}.guidEnd .btn{display:inline-block}.guid .btn.greet-btn{margin-right:20px}.step2 .btn{width:140px;height:40px;line-height:40px}.guid .content{margin:30px 45px 0;color:#666;font-size:16px;line-height:30px}.guidEnd .content{text-align:center;margin:50px 45px 20px}.step1 .content{margin:40px 0 0 45px}.step2 .content{margin:40px 0 0}.guid .orange-text{color:#ff992b}.step1 .orange-text{font-size:20px;margin:0 5px}.guid .btnLine{text-align:center}.step1 .line{width:111px;height:75px;position:absolute;bottom:100%;left:96px}.step2 .line{width:56px;height:80px;position:absolute;bottom:118px;right:100%}.step1 .inner{background:url(/class/app/classhome/images/guidOld1-7f805.png) 0 0 no-repeat;width:267px;height:139px}.step2 .inner{background:url(/class/app/classhome/images/guidOld2-7da0c.png) 0 0 no-repeat;width:336px;height:180px;text-align:center}.mark{position:absolute;left:500px;top:100px;z-index:101}.mark .ripple{border-radius:50%;width:12px;height:12px;-webkit-animation:ripple 3s linear infinite;animation:ripple 3s linear infinite;background:#fff;position:absolute;left:50%;top:50%;-webkit-transform:translate3d(-50%, -50%, 0);transform:translate3d(-50%, -50%, 0)}.mark .ripple1{animation-delay:0;-webkit-animation-delay:0}.mark .ripple2{animation-delay:-1s;-webkit-animation-delay:-1s}.mark .ripple3{animation-delay:-2s;-webkit-animation-delay:-2s}@keyframes ripple{0%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1);transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1);opacity:1}100%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(4, 4, 1);transform:translate3d(-50%, -50%, 0) scale3d(4, 4, 1);opacity:0}}@-webkit-keyframes ripple{0%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1);transform:translate3d(-50%, -50%, 0) scale3d(0, 0, 1);opacity:1}100%{-webkit-transform:translate3d(-50%, -50%, 0) scale3d(4, 4, 1);transform:translate3d(-50%, -50%, 0) scale3d(4, 4, 1);opacity:0}}.guidNew .inner{text-align:center;position:absolute;left:50%;top:50%;color:#666;box-shadow:none}.guidNew .inner.guidNew0,.guidNew .inner.guidNew4{width:443px;height:418px;margin-left:-222px;margin-top:-209px;background:url(/class/app/classhome/images/guidNew0-d8706.png) 0 0 no-repeat;line-height:32px;font-size:16px}.guidNew .inner.guidNew0 .content,.guidNew .inner.guidNew4 .content{margin:160px auto 20px}.guidNew .inner.guidNew0 .close,.guidNew .inner.guidNew4 .close{top:15px;right:70px}.guidNew .inner .orange-text{font-size:22px;margin:0 5px}.guidNew .inner .btn{width:180px;background:#fc6b5c;border-radius:25px;height:50px;line-height:50px;color:#fff}.guidNew .inner.guidNew1,.guidNew .inner.guidNew2,.guidNew .inner.guidNew3{width:553px;height:367px;margin-left:-276px;margin-top:-183px}.guidNew .inner.guidNew1 .close,.guidNew .inner.guidNew2 .close,.guidNew .inner.guidNew3 .close{right:-14px;top:-14px}.guidNew .inner.guidNew1 .content,.guidNew .inner.guidNew2 .content,.guidNew .inner.guidNew3 .content{margin:240px 0 10px}.guidNew .inner.guidNew4 .extend{color:#999;font-size:14px}.guidNew .inner.guidNew4 .text{margin-left:0;vertical-align:middle;margin-right:3px}.guidNew .inner .f24{font-size:24px}.guidNew .inner.guidNew1{background:url(/class/app/classhome/images/guidNew1-25b0f.png) 0 0 no-repeat}.guidNew .inner.guidNew2{background:url(/class/app/classhome/images/guidNew2-978f2.png) 0 0 no-repeat}.guidNew .inner.guidNew3{background:url(/class/app/classhome/images/guidNew3-20588.png) 0 0 no-repeat}.guidNew .dots{left:50%;margin-left:-68px;position:absolute;bottom:-28px}.guidNew .dots .item{float:left;margin:0 8px;border-radius:4px;width:8px;height:8px;background:#cecece}.guidNew .dots .item.cur{width:24px;background:#fff}.guidNew .guidNew0 .dots,.guidNew .inner.guidNew4 .dots{bottom:-5px}
